<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <title>CMS Pro - Please Login</title>

        <link rel="stylesheet" href="<?= base_url(); ?>assets/css/bootstrap.custom.min.css" />
        <link rel="stylesheet" href="<?= base_url(); ?>assets/css/style.css">

            <style type="text/css">

                body {
                    background: #FBFBFB;
                    padding-top:0
                }

                form {
                    border: 5px solid #DBE1E4;
                    width: 290px;
                    background-image: url();
                    font-size: 14px;
                    margin: 70px auto;
                    width: 532px;
                    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
                    font-weight: normal;
                    color: #4B5C66;
                    padding: 29px 34px 13px 34px;
                    text-align: center;
                }

                .content{
                    padding:30px 0 0;
                    text-align: left;
                }

                h1{
                    font-size: 32px;
                    font-weight: normal;
                    margin:0;
                    line-height:36px

                }

                h3{
                    color: #89949B;
                    font-size: 22px;
                    font-weight: normal;
                    margin:0
                }

                .form-row {
                    margin: 0 0 25px;
                }

                .form-row:before, .form-row:after {
                    content: "";
                    display: table;
                }

                .form-row:after {
                    clear: both;
                }

                .form-row .form-row-left {
                    float: left;
                }

                .form-row .form-row-right {
                    float: right;
                    text-align: right;
                }

                .form-row .form-row-left, .form-row .form-row-right {
                    position: relative;
                    text-align: left;
                }

                label {
                    color: #89949B;
                    cursor: pointer;
                    display: block;
                    font-family: arial,sans-serif;
                    font-size: 14px;
                    list-style-type: none;
                    margin-bottom: 3px;
                }

                input.text {
                    background: none repeat scroll 0 0 #FBFBFB;
                    border: 1px solid #E5E5E5;
                    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
                    margin-bottom: 16px;
                    padding: 8px 6px ;
                    width: 243px  !important;
                    margin-left:0
                }
                    
                
                .errors{
                    font-size: 14px;
                    color: #777777;                
                    background-color: #FFEBE8;
                    border-color: #CC0000;
                    margin: 0 0 16px 0;
                    padding: 12px;
                    border-radius: 3px 3px 3px 3px;
                    border-style: solid;
                    border-width: 1px;
                }
                .errors p{
                    color: #777777;
                    font-size: 14px;
                }

                .btn{
                    font-weight: bold;
                    width: 90px !important
                }

            </style>
    </head>

    <body>

        <form method="POST" action="<?= base_url() ?>login/loginuser" id="login_form">

            <h1>Sign In</h1>
            <h3>CMS Pro requires authentication</h3>

            <div class="content">

                <div class="errors" <? if (validation_errors() == '' && !isset($logerror)) echo'style="display:none;"'; ?>><?php echo validation_errors(); ?><?php if (isset($logerror)) echo $logerror; ?></div>

                <div class="form-row">
                    <div class="form-row-left" style="margin-right: 18px;">

                        <label for="email">Username:</label>
                        <input type="text" name="email"  value="<?php echo set_value('email'); ?>" class="text"  />    

                    </div>
                    <div class="form-row-left">

                        <label for="password">Password:</label>
                        <input type="password" name="password" class="text"  />

                    </div>


                </div>  

                <div class="form-actions-row form-row">

                    <div class="form-row-right">

                        <input type="submit" value="Login" name="submit" class="btn btn-large" />  
                    </div>
                </div>  

        </form>    

    </body>

</html>